"use strict";
const lessons = [
  {
    title: "媒体查询响应式布局",
    category: "css"
  },
  {
    title: "FLEX 弹性盒模型",
    category: "css"
  },
  {
    title: "MYSQL多表查询随意操作",
    category: "mysql"
  }
];

// function mapArray(arr) {
//   const len = 6;
//   for (const value of Object.values(arr)) {
//     // console.log(value.title);
//     value.title =
//       value.title.length > len
//         ? value.title.substr(0, len) + ".".repeat(3)
//         : value.title;
//     // console.log(value.title);
//   }
//   return arr;
// }
// console.log(mapArray(lessons));
let proxy = new Proxy(lessons, {
  get(arr) {
    const len = 6;
    for (const value of Object.values(arr)) {
      // console.log(value.title);
      value.title =
        value.title.length > len
          ? value.title.substr(0, len) + ".".repeat(3)
          : value.title;
      // console.log(value.title);
    }
    return arr;
  }
});
console.log(JSON.stringify(proxy[0], null, 2));
